<script id="portfolio-item-1" type="text/x-jquery-tmpl">
<li id="portfolio${id}" class="portfolio-item">
	<article>
		<!-- * -->
		
		<h3 class="first">${title}</h3>
		
		<div class="slider">
			<div class="viewport">
				<ul class="overview">
					{{each slides}}
					<li class="slide">
						<a class="lightbox" href="img/portfolio/portfolio3.jpg">
							<img src="${$value.url}" height="100" width="315" alt="ipsum3" />
						</a>
					</li>
					{{/each}}
				</ul>
			</div>
			<div class="controls">
				<ul class="nav">

				</ul>
				<div class="prev-next">
					<a class="button prev" href="#">&lt; Prev</a><a class="button next" href="#">Next &gt;</a>
				</div>
			</div>
		</div>
		
		<div class="clear"></div>
		
		<div class="portfolio-desc scroll">
			<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
			<div class="viewport">
				<div class="overview">
					<p class="first">
						${desc}
					</p>
					<p></p>
					<ul class="links">
						<li><a href="#">Website link</a></li>
					</ul>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		
		<!-- * -->
	</article>
</li>
</script>